<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Chapter 5: Blood Red</title>

<link rel="shortcut icon" href="images/2reading.gif">
<link href="foti.css" rel="stylesheet" type="text/css">

<style type="text/css">


#canvas {
	margin: 10px auto 0 auto;
	border: 5px double #aa9e8c;
}




</style>

<script type="text/javascript">
var vc, vctx, vi1, bgr;
	function init(){
		vc = document.getElementById("canvas");
		vctx = vc.getContext("2d");
		bgr = document.getElementById("bg");
		vctx.drawImage(bgr,0,0,800,600);
		vi1 = document.getElementById("char");
		setInterval("animation()",900);		
	}
	
	var dax=0; counter=0;
	function animation(){
		if(counter >= 2) counter = 0; else counter++;
		vctx.drawImage(bgr,0,0,800,600);
		vctx.drawImage(vi1,dax,169,600,560,10,0,600,700);
		dax=600*counter;

	}
</script>

</head>

<body onload="init()">

	<h1>Figment of the Imagination</h1>
	<h2>Chapter 5: Blood Red</h2>
	<h2>Scene 2: Rock A Bye Baby</h2>

<center><img src="images/line divider.png" width=800 style="opacity: .7;"></center>

<div id="content">

<center><canvas id="canvas" width=800 height=600></canvas></center>


<center><img src="images/photo.png" width=800 style="margin:-4px 0 0 0;"></center>

<div id="scenetext">
<p>
	Getting up with a massive throbbing of her head took all the energy she had left. It was similar to 
	lifting a quarter of a ton, except it was her body. Keeping her balance was very difficult as her 
	sight spun like a roulette. The baby's wailing grew louder. <br><br>

	She hurried to check on Charlie. As Ada lifted Charlie and rocked him to sleep, she clutched her head, 
	feeling a bulge in the midst of her aching forehead.
</p>

<center><img src="images/line divider.png" width=800 style="opacity: .7;"></center>
	
</div>

<div align="center" style="padding-bottom: 30px;">
<a href="Chapter5Scene1.jsp" title="Just Another Dream"><button id="button">BACK</button></a>
<a href="tableofcontent.jsp" title="Back to Table of Contents"><button id="button2">TABLE OF CONTENTS</button></a>
<a href="Chapter5AltScene3.jsp" title="Pimple Cutting"><button id="button">NEXT</button></a>
</div>

</div>


</body>
</html>

